<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Meus Concursos</title>
	<link rel="stylesheet" type="text/css"
		href="#{facesContext.externalContext.requestContextPath}/public/css/style2.css" />
	<script type="text/javascript"
		src="#{facesContext.externalContext.requestContextPath}/public/javascript/jquery.flexslider-min.js"></script>
	<script type="text/javascript"
		src="#{facesContext.externalContext.requestContextPath}/public/javascript/scripts.js"></script>
	<script type="text/javascript"
		src="#{facesContext.externalContext.requestContextPath}/public/javascript/selectivizr.js"></script>
	<script type="text/javascript"
		src="#{facesContext.externalContext.requestContextPath}/public/javascript/validar.js"></script>
	<script type="text/javascript"
		src="#{facesContext.externalContext.requestContextPath}/public/javascript/primefaces-locale.js"></script>

	<link rel="stylesheet" type="text/css"
		href="#{facesContext.externalContext.requestContextPath}/public/css/style.css" />
	<link rel="stylesheet" type="text/css"
		href="#{facesContext.externalContext.requestContextPath}/public/css/primefaces-bootstrap.css" />

	<link rel="shortcut icon" type="image/x-icon"
		href="#{request.contextPath}/public/images/favicon.ico" />
	<link rel="shortcut icon" type="image/x-icon"
		href="#{request.contextPath}/public/images/favicon.png" />

	<h:outputScript>$ = jQuery;</h:outputScript>

	<script type="text/javascript">
   	$(document).ready(function() {
	   $("a#mostrar").toggle(
		   function() {
			   $("div#oculto").fadeIn(); // ou slideDown()
			   $("div#oculto2").fadeIn();
			   $("div#oculto3").fadeIn();
			   $("div#oculto4").fadeIn();
			   $("div#oculto5").fadeIn();
			   $("div#oculto6").fadeIn();
			   $("div#oculto7").fadeIn();
			   $("div#oculto8").fadeIn();
			   $("a#mostrar").text("[-] Ocultar dados adicionais");
		   },
		   function() {
			   $("div#oculto").fadeOut(); // ou slideUp()
			   $("div#oculto2").fadeOut();
			   $("div#oculto3").fadeOut();
			   $("div#oculto4").fadeOut();
			   $("div#oculto5").fadeOut();
			   $("div#oculto6").fadeOut();
			   $("div#oculto7").fadeOut();
			   $("div#oculto8").fadeOut();
			   $("a#mostrar").text("[+] Mostrar dados adicionais");
		   }
	   );
   	});
   	</script>

	<script type="text/javascript" language="JavaScript">
    	var $ = jQuery;
        $(document).ready(function() {
    		$("input[id*='dataApliProva']").mask('99/99/9999');
        });
     </script>

	<script type="text/javascript" language="JavaScript">
    	var $ = jQuery;
        $(document).ready(function() {
    		$("input[id*='dataInicioInscricoes']").mask('99/99/9999');
        });
     </script>

	<script type="text/javascript" language="JavaScript">
    	var $ = jQuery;
        $(document).ready(function() {
    		$("input[id*='dataTerminoInscricoes']").mask('99/99/9999');
        });
     </script>

	<script type="text/javascript" language="JavaScript">
    	var $ = jQuery;
        $(document).ready(function() {
    		$("input[id*='dataLiberacaoCartao']").mask('99/99/9999');
        });
     </script>

	<script type="text/javascript" language="JavaScript">
    	var $ = jQuery;
        $(document).ready(function() {
    		$("input[id*='campo_dataNascimento']").mask('99/99/9999');
        });
     </script>

	<script type="text/javascript" language="JavaScript">
    	var $ = jQuery;
        $(document).ready(function() {
    		$("input[id*='data_lembrete']").mask('99/99/9999');
        });
     </script>

	<script type="text/javascript">
   	$(document).ready(function() {
	   $("a#mostrar_info_concursos").toggle(
		   function() {
			   $("div#oculto").slideDown();
			   $("div#oculto2").slideDown();
			   $("div#oculto3").slideDown();
			   $("div#oculto4").slideDown();
			   $("div#oculto5").slideDown();
			   $("a#mostrar_info_concursos").text("Ver menos informações");
		   },
		   function() {
			   $("div#oculto").slideUp();
			   $("div#oculto2").slideUp();
			   $("div#oculto3").slideUp();
			   $("div#oculto4").slideUp();
			   $("div#oculto5").slideUp();
			   $("a#mostrar_info_concursos").text("Ver todas as informações");
		   }
	   );
   	});
   	</script>

</h:head>

<body>
	<div class="container">
		<p:ajaxStatus style="width:200px;height:200px;position:fixed;right:5px;bottom:5px">
			<f:facet name="start">
				<h:graphicImage value="../public/images/loading45.gif" />
			</f:facet>

			<f:facet name="complete">
				<h:outputText value="" />
			</f:facet>
		</p:ajaxStatus>
		<a href= "http://localhost:8080/PDSConcursosWeb/">
			<img src="../public/images/logo6.png" alt="" />
		</a>
		<div style="float: right; display: block;">
		<br />
		<br />
			<h:form>
				<div align="right">
					<h:outputText value="Seja bem vindo, #{usuarioMB.usuario.nome}!" />
					<br />
					<h:outputText value="Você possui, #{usuarioMB.quantidadeLembretesAtual} lembrete(s) para hoje." />
					<br /><br />
				</div>
				<p:menubar>
					<p:menuitem value="Inicio" icon="ui-icon-home" url="../user/listarConcursos.xhtml" />
					<p:submenu label="Concursos" icon="ui-icon-document">
						<p:menuitem value="Calendário" icon="ui-icon-calculator"
							actionListener="#{scheduleController.listarConcursos()}" />
					</p:submenu>

					<p:menuitem value="Arquivos" url="../user/listaArquivos.xhtml" icon="ui-icon-document" />

					<p:menuitem value="Lembretes" url="../user/listarLembretes.xhtml" icon="ui-icon-note" />

					<p:menuitem value="Tipos de Arquivos" url="../user/gerenciarTiposArquivo.xhtml"
						icon="ui-icon-gear" />

					<p:submenu label="Perfil" icon="ui-icon-person">
						<p:menuitem value="Alterar" url="../user/atualizarUsuario.xhtml"
							icon="ui-icon-arrowrefresh-1-w" />
						<p:menuitem value="Alterar Senha" url="../user/alterarSenha.xhtml" icon="ui-icon-refresh" />
					</p:submenu>

					<p:menuitem value="Sair" id="sair" actionListener="#{usuarioMB.logout()}" icon="ui-icon-close" />

				</p:menubar>

			</h:form>

		</div>

		<div class="home-page main" id="content">
			<section class="works grid-wrap"> <header class="grid col-full">
			<hr />
			<p class="fleft">
				<b>Você está aqui: </b>
			</p>
			<ui:insert name="localizacao">

			</ui:insert> </header> </section>
			<ui:insert name="content">

			</ui:insert>
		</div>

		<div class="divide-top">
			<footer class="grid-wrap">
			<div class="grid col-one-third social">
				<h:outputText value="Meus Concursos. IFRN 2012.2." />
			</div>
			</footer>
		</div>
	</div>
</body>
</html>